{#继承父模板#}
{% extends 'common/base.html' %}

{% load staticfiles %}

{#标题#}
{% block title %}满分餐厅｜联系我们{% endblock title %}

{#头部js#}
{% include 'common/head_js.html' %}

{# 头部js #}
{% block head_js %}
    <script src="{% static 'js/contact.js' %}"></script>
{% endblock head_js %}

{#页面主体#}
{% block body %}
    <div class="main">
        <div class="topics">
            <div class="container">联系我们</div>
        </div>

        <div class="map">
            <!--<iframe src="http://map.baidu.com"></iframe>-->
        </div>

        <div class="container">
            <div class="row contact">

                <div class="col-md-3 contact-left">
                    <span class="glyphicon glyphicon-map-marker"></span><h3>美食地址:</h3>
                    <p>西安市　未央区　文景南路666号</p>
                    <span class="glyphicon glyphicon-phone-alt"></span><h3>美食热线:</h3>
                    <p>666-888-999</p>
                </div>


                <div class="col-md-8 col-md-offset-1">
                    <div class="contact-right">
                        <h3>期待您的意见：</h3>
                        <div class="contact-form">
                            <form class="contact_form" method="post" action="javascript:">
                                {% csrf_token %}
                                <input type="text" name="user_name" class="user_name" placeholder="*姓名">
                                <span class="error_tip error_name">错误提示</span>
                                <span class="error_tip_python">{{ mess.error_name }}</span>
                                <input type="text" name="user_tel" class="user_tel" placeholder="*电话/邮箱">
                                <span class="error_tip error_tel">错误提示</span>
                                <span class="error_tip_python">{{ mess.error_tel }}</span>
                                <textarea name="user_msg" class="user_msg" placeholder="*意见或建议"></textarea>
                                <span class="error_tip error_msg">错误提示</span>
                                <span class="error_tip_python">{{ mess.error_msg }}</span>
                                <input id="contact_btn" type="submit" value="提         交">
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


       {#    评论成功，弹框提示#}
    <div class="container">
    <div class="pop_main row" id="pop">
        <div class="pop_con col-lg-4 col-lg-offset-4">

            <div class="pop_title">×</div>

            <div class="pop_detail">
                <p class="pop_text">
                    留言成功,谢谢您的支持！<br>
                    我们会尽快联系您！
                </p>
            </div>

            <div class="pop_footer">
                还有<span id="count">5</span>秒自动关闭弹框
            </div>

        </div>
        <div class="mask"></div>
    </div>
    </div>



{% endblock body %}